<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contact</title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" src="js/common.js" type="text/javascript"></script>
<!--below is the code to display the menu properly in ie6-->
<!--[if IE 6]>
<style type="text/css"> 
#logo {
	margin:35px 0 0 12px; /*change the left margin to half for ie6*/
	}
#tab_content li .left {
	margin:20px 0 0 12px;
	
}
</style>
<script type="text/javascript" src="js/hide-select.js"></script> 
<script type="text/javascript" src="js/main.js"></script>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="wrapper">
  <div id="header">
    <div id="logo"><a href="index.html"><img src="images/logo.png" alt="Logo" width="240" height="68" border="0" /></a></div>
    <div id="header_menu">
      <ul id="navigation">
        <li><a href="index.html">Home</a></li>
        <li><a href="services.html">Services</a>
          <!--notice you do not close the </li> here -->
          <ul class="second-level">
            <!--start a new list with the style: class="second-level"-->
            <li> <a href="#">Other Service 1</a></li>
            <li> <a href="#">Other Service 2</a></li>
            <li> <a href="#">Other Service 3</a></li>
            <li> <a href="#">Other Service 4</a></li>
            <li> <a href="#">Other Service 5</a></li>
            <li> <a href="#">Other Service 6</a></li>
          </ul>
          <!-- close the new list-->
        </li>
        <!-- close the services <li>-->
        <li><a href="portfolio.html">Portfolio</a> </li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html" class="current">
          <!--this gets rid of last divider-->
          Contact </a></li>
      </ul>
    </div>
    <!--end header menu-->
  </div>
  <!--end header-->
  <!--start main content-->
  <div id="content_bg">
    <div class="top">
      <div id="left_column">
        <h1>Contact Us</h1>
        <div>
          <div class="left_details"> <strong>Company Name Pty Ltd </strong>
            <p> <span class="contact_title">Phone:</span> <span class="contact_detail">1300 555 555</span> <br />
              <span class="contact_title">Fax:</span> <span class="contact_detail">61 75555 5555</span> <br />
              <span class="contact_title">Mob:</span><span class="contact_detail"> 61 42555 5555 </span></p>
            <hr class="clear" />
            <p><span class="light_red"><strong>Address:</strong></span><br />
              Shop 5, 55 Retail Way, <br />
              Suburb, City, Country 4444 </p>
            <p> PO Box 655, <br />
              Suburb, 
              City, Country 4444 </p>
          </div>
          <div id="map" class="map"></div>
          <!--change the big long number after key= to your API from http://code.google.com/apis/maps/signup.html-->
          <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA96P3z7MY5qF4R5Rhg-iUxxQDgkJOM-GUrefIF5OMSfStsdvKmRS4bUUpunS30yUsr-2AsfKdU7um0w" type="text/javascript"></script>
          <script type="text/javascript">
			 //<![CDATA[
			function loadmap() {
			 if (GBrowserIsCompatible()) {
			  var map = new GMap2(document.getElementById("map"));
			  var geocoder = new GClientGeocoder();
			  map.setCenter(new GLatLng(37.4419, -122.1419), 13);
			  map.addControl(new GSmallMapControl());
			  //change the address below to the one you want the marker to point to
			  var address = "gold coast, qld, australia";
			  geocoder.getLatLng(
			      address,
			      function(point) {
			       if (!point) {
			         alert(address + " not found");
			       } else {
			         map.setCenter(point, 15);
			         var marker = new GMarker(point);
			         map.addOverlay(marker);
					  // change the address below to the one you want displayed in the popup
			         marker.openInfoWindowHtml(
			            "<strong>Company:</strong><br>Shop 5, 55 Retail Way,"+
			            " <br>Suburb 4444.");
			       }
			     }
			  );
			 }
			}
			window.onload=loadmap;
			//]]>
			</script>
        </div>
        <div style="clear:both">
          <hr />
          <h1>Email Us </h1>
          <p>To contact us via email please complete the form below.</p>
          <form action="formsubmit.php" method="post">
            <fieldset id="contact">
              <label for="name">Name:</label>
              <input name="name" type="text" class="forms" id="name" size="35" />
              <label for="email">Email:</label>
              <input name="email" type="text" class="forms" id="email" size="35" />
              <label for="phone">Phone:</label>
              <input name="phone" type="text" class="forms" id="phone" size="35" />
              <label for="message">Message:</label>
              <textarea name="message" cols="35" rows="6" class="forms" id="message"></textarea>
              <input type="image" src="images/button_submit.gif"  id="submit"/>
            </fieldset>
          </form>
        </div>
      </div>
      <!--end left column-->
      <div id="right_column">
        <!--Start Quote Box-->
        <div class="quote_box_container">
          <div><img src="images/icon_quote.png" alt="Quote" width="48" height="48" border="0" /></div>
          <p class="title"><a href="#">GET A  QUOTE </a></p>
          <p>Nunc auctor bibendum eros. <br />
            Dnahs Nunc auctor bibendum. </p>
          <form action="quote.html" method="get">
            <label for="quote_name"> Name:</label>
            <input name="quote_name" id="quote_name" type="text" class="input" />
            <label for="quote_email"> Email:</label>
            <input name="quote_email" type="text" id="quote_email" class="input" />
            <input name="quote_submit" id="quote_submit" type="image" src="images/button_continue.gif" alt="Continue" />
          </form>
        </div>
        <!--End Quote Box-->
        <div class="top_title"> LATEST NEWS </div>
        <!--start news 1-->
        <div class="news_item">
          <p class="news_title"><a href="#">11 July 2009</a></p>
          <p>Donec ipsum mauris, mattis sed, vestibulum vitae, luctus a, eros. Duis consequat arcu vehicula pede. </p>
          <p class="size11"><a href="#">Read More »</a> </p>
        </div>
        <!--end news 1-->
        <!--start news 2-->
        <div class="news_item">
          <p class="news_title"><a href="#">11 July 2009</a></p>
          <p>Donec ipsum mauris, mattis sed, vestibulum vitae, luctus a, eros. Duis consequat arcu vehicula pede. </p>
          <p class="size11"><a href="#">Read More »</a> </p>
        </div>
        <!--end news 2-->
        <div class="news_item"><img src="images/icon_news.png" width="17" height="18" alt="News" align="top" /> <span class="news_title"><a href="#">News Archive</a></span></div>
        <!--start testimonial-->
        <div class="testimonial">
          <div  class="top_title">CLIENT TESTIMONIAL </div>
          <div class="text">
            <p class="italic">Donec metus risus, viverra vel, vulputate     
              eget, feugiat ac, magna. Nunc semper, nunc eu sollicitudin mollis, nunc orci sodales enim, vitae tincidunt neque mauris a nulla. Cras vel pede vel nisi consequat congue. Fusce id risus </p>
            <p><strong>Mr Smith - Company</strong> </p>
          </div>
        </div>
        <!--testimonial-->
      </div>
      <div class="clear"></div>
      <!--this make sure the bottom of the columns stays at the bottom-->
      <div class="bottom"><img src="images/background_main_content_bottom.jpg" width="940" height="6" alt="bottom" /></div>
    </div>
  </div>
  <!--end main content-->
  <div id="footer">
    <div class="left">&copy; World Wide Webdesign</div>
    <div class="right">  <ul>
        <li><a href="http://themeforest.net/user/dtbaker?ref=dtbaker">Designed by dtbaker</a> </li>
        <li>| <a href="sitemap.php">Site map</a> </li>
        <li>| <a href="contact.html">Contact Us</a></li>
      </ul></div>
  </div>
</div>
</body>
</html>
